vue的props属性的理解

2022-05-21 05:03| 来源: 网络整理| 查看: 265

在我的理解中，props这个属性就相当于一个桥梁的作用，它是贯穿了父组件和子组件的桥梁，父组件可以通过props这个节点去传输数据到子组件，例子：

父组件的写法：

{{messags}} import Child from '../components/child.vue' export default { data() { return{ a:1, b:110, messags:'你是谁', msg:'asdasd'+'====》'+Math.random(), } }, components: {Child}, }

子组件的写法：

{{message}} export default { props:[ 'message' ] }

结果：

从代码里面我们可以看出：

父组件向子组件传递了一些数据，例如：:message="a+b"，然后子组件通过props属性来接到这个数据，然后显示到{{message}}这个子组件的信息中，最后传递会父组件进行显示。

【本文地址】

公司简介

联系我们